import React from 'react'

function FancyBorder (props) {
  return <div style={{ color: props.color }}>{props.children}</div>
}
function Dialog (props) {
  return (
    <FancyBorder color='blue'>
      <h1 style={{ color: props.color }}>{props.title}</h1>
      <div style={{ fontSize: props.size }}>{props.message}</div>
    </FancyBorder>
  )
}
class WelcomeDialog extends React.Component {
  constructor (props) {
    super(props)
    console.log(props)
  }
  render () {
    return <Dialog title='welcome' message='疲惫' color='red' size='505px'></Dialog>
  }
}

export { WelcomeDialog }
